iT邦幫忙

2024 iThome 鐵人賽
DAY 14
0
佛心分享-SideProject30

NUXT3xVUE3xPINIA: 從零開始寫電商系列 第 19 篇

[Day 19] Product Detail Page

16th鐵人賽
219 瀏覽

  • 分享至 

  • xImage
    •  

產品細節頁面只是把資料拉出來而已，不難，至於加到購物車先做個殼出來就好，等到開始購物車區塊再來處理這塊。
產品頁示意圖

  • 完成圖

完成圖

產品頁


上一篇
[Day 18] Product List Page ＋ Router
下一篇
[Day 20] Shopping Cart
系列文
NUXT3xVUE3xPINIA: 從零開始寫電商 共 29 篇
  1. 25
    [Day 25] 開始刻畫面～SCSS環境/共用設定
  2. 26
    [Day 26] 開始刻畫面～共用元件: NavBar
  3. 27
    [Day 27] 開始刻畫面 - Navbar (mobile)
  4. 28
    [Day 28] CSS，繼續刻元件
  5. 29
    [Day 29] CSS - Login/Regis Pages
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
iThome鐵人賽
參賽組數
417 組
團體組數
14 組
累計文章數
3166 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 17th鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙